<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>厦门美食</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="application/x-javascript">addEventListener("load", function() {
		setTimeout(hideURLbar, 0);
	}, false);
	function hideURLbar() {
		window.scrollTo(0, 1);
	}
</script>
<!--flexslider-css-->
<!--bootstrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!--coustom css-->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--fonts-->
<link
	href='http://fonts.useso.com/css?family=Open+Sans:400,300,300italic,400italic,800italic,800,700italic,700,600,600italic'
	rel='stylesheet' type='text/css'>
<!--/fonts-->
<!--script-->
<script src="js/jquery.min.js"> </script>
<script src="js/modernizr.custom.97074.js"></script>
<!-- bootstrap-js -->
<script src="js/bootstrap.js"></script>
<!-- bootstrap-js -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!--/script-->
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event) {
			event.preventDefault();
			$('html,body').animate({
				scrollTop : $(this.hash).offset().top
			}, 900);
		});
	});
</script>
<!--/script-->
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css"
	media="screen">
<!--light-box-files -->
<script type="text/javascript">
	$(function() {
		$('.gallery a').Chocolat();
	});
</script>

</head>

<body>
	<%@ include file="top.jsp"%>


	<div class="header-banner">
		<!-- Top Navigation -->
		<section class="bgi banner5">
		<h2>Gallery</h2>
		</section>
		<!--gallery-->
		</br>
		<div class="col-md-6 contact-form">
			<a style="text-decoration: none;" href="#">个人信息</a> <a
				style="text-decoration: none;" href="SelectCommodityServlet?op=select1">商品信息</a> <a style="text-decoration: none;" href="SelectSceneryServlet?op=select1">景点信息</a>
		</div>
		<div class="col-md-6 contact-form">

			<form>

				<input type="text" placeholder="发现美食" required=""> <input
					type="submit" value="寻找美食">

			</form>
		</div>

		<div class="gallery" id="gallery">
			<div class="container">
				<script type="text/javascript" src="js/jquery.hoverdir.js"></script>
				<script type="text/javascript">
					$(function() {
				
						$(' #da-thumbs > li ').each(function() {
							$(this).hoverdir();
						});
				
					});
				</script>

				<div class="gallery-grids">



					<section>
					<ul id="da-thumbs" class="da-thumbs">
						<li><a href="images/681c7dc1ly1gq8p3aperhj20rs1e0dvf.jpg"
							class="b-link-stripe b-animate-go  thickbox"> <img
								src="images/681c7dc1ly1gq8p3aperhj20rs1e0dvf.jpg" alt="" />
								<div>
									<h5>Traveling</h5>
									<span>non suscipit leo fringilla non suscipit leo
										fringilla molestie</span>
								</div>
						</a></li>
						<li><a href="images/681c7dc1ly1gq8p3annafj20rs1e07gb.jpg"
							class="b-link-stripe b-animate-go  thickbox"> <img
								src="images/681c7dc1ly1gq8p3annafj20rs1e07gb.jpg" alt="" />
								<div>
									<h5>Traveling</h5>
									<span>non suscipit leo fringilla non suscipit leo
										fringilla molestie</span>
								</div>
						</a></li>
						<li><a href="images/681c7dc1ly1gq8p3ahkztj20rs1e0nbq.jpg"
							class="b-link-stripe b-animate-go  thickbox"> <img
								src="images/681c7dc1ly1gq8p3ahkztj20rs1e0nbq.jpg" alt="" />
								<div>
									<h5>Traveling</h5>
									<span>non suscipit leo fringilla non suscipit leo
										fringilla molestie</span>
								</div>
						</a></li>
						<li><a href="images/681c7dc1ly1gq8p3adiw3j20rs1e0qeh.jpg"
							class="b-link-stripe b-animate-go  thickbox"> <img
								src="images/681c7dc1ly1gq8p3adiw3j20rs1e0qeh.jpg" alt="" />
								<div>
									<h5>Traveling</h5>
									<span>non suscipit leo fringilla non suscipit leo
										fringilla molestie</span>
								</div>
						</a></li>
						<li><a href="images/681c7dc1ly1gq8p3abl8cj20rs1e07gy.jpg"
							class="b-link-stripe b-animate-go  thickbox"> <img
								src="images/681c7dc1ly1gq8p3abl8cj20rs1e07gy.jpg" alt="" />
								<div>
									<h5>Traveling</h5>
									<span>non suscipit leo fringilla non suscipit leo
										fringilla molestie</span>
								</div>
						</a></li>
						<li><a href="images/681c7dc1ly1gq0rj8fk41j20j60pk446.jpg"
							class="b-link-stripe b-animate-go  thickbox"> <img
								src="images/681c7dc1ly1gq0rj8fk41j20j60pk446.jpg" alt="" />
								<div>
									<h5>Traveling</h5>
									<span>non suscipit leo fringilla non suscipit leo
										fringilla molestie</span>
								</div>
						</a></li>
						<li><a href="images/681c7dc1ly1gq0rj8ged7j20j60pkafz.jpg"
							class="b-link-stripe b-animate-go  thickbox"> <img
								src="images/681c7dc1ly1gq0rj8ged7j20j60pkafz.jpg" alt="" />
								<div>
									<h5>Traveling</h5>
									<span>non suscipit leo fringilla non suscipit leo
										fringilla molestie</span>
								</div>
						</a></li>
						<li><a href="images/681c7dc1ly1gq8p3abl8cj20rs1e07gy.jpg"
							class="b-link-stripe b-animate-go  thickbox"> <img
								src="images/681c7dc1ly1gq8p3abl8cj20rs1e07gy.jpg" alt="" />
								<div>
									<h5>Traveling</h5>
									<span>non suscipit leo fringilla non suscipit leo
										fringilla molestie</span>
								</div>
						</a></li>
						<li><a href="images/681c7dc1ly1gq8p3ac4rbj20rs1e015q.jpg"
							class="b-link-stripe b-animate-go  thickbox"> <img
								src="images/681c7dc1ly1gq8p3ac4rbj20rs1e015q.jpg" alt="" />
								<div>
									<h5>Traveling</h5>
									<span>non suscipit leo fringilla non suscipit leo
										fringilla molestie</span>
								</div>
						</a></li>
					</ul>
					</section>
				</div>
				<!--script-->
			</div>
		</div>
		<!--//gallery-->
	</div>
	</div>
	<%@ include file="buttom.jsp"%>
</body>
</html>
